<template>
  <div id="article">
    <transition   name="fade-transform" mode="out-in">
      <div class="img">
        <img src="https://cdn.jsdelivr.net/gh/chanshiyucx/yoi/blog/mobile.jpg" alt="Description of the image">
      </div>
    </transition>
  </div>
</template>

<script setup lang="ts">
import {app} from '@/api/Article'
import {createDiscreteApi} from "naive-ui";
const {message} = createDiscreteApi(['message'])
  app({})
      .then((res: any) => {
        message.info(res)
      })
      .catch((e) => {
      })
</script>

<style lang="css" scoped>
@import './Article.css';
</style>
